.todo-footer {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 15px;
    background: #f8f9fa;
    border-radius: 8px;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.05);
}

.todo-footer {
    background: var(--footer-bg);
    border-top: 1px solid rgba(224, 224, 224, 0.5);
}

.todo-footer {
    transition: background 0.4s ease-in-out;
}